<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/2/28
  Time: 16:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>添加新简历</title>

    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/resume_add.css">



</head>
<body>
<!--==========================================header==========================================-->
<div class="header">
    <div class="nav">
        <a href="${pageContext.request.contextPath}/index/index2.html"><img src="${pageContext.request.contextPath}/images/logo_51job.png" alt=""></a>
        <img src="${pageContext.request.contextPath}/images/slogen_51job.png" alt="">
        <p>
            <a href="${pageContext.request.contextPath}/index.jsp">首页</a>
            <a href="">我的51job</a>
            <a href="${pageContext.request.contextPath}/resume/resumeCenter.jsp">简历中心</a>
        </p>
    </div>
</div>

<!--==========================================main==========================================-->
<div class="main">
    <div class="left-nav">

        <div class="left-nav-top">
            <input type="hidden" class="resumeId" style="height: 20px;width: 50px" readonly/>

            <div class="resume-name">

                <p class="resume-name-text">我的简历1</p>
                <div class="updatename-ipt">
                    <input type="text"   class="resume-name-input" value="我的简历" >
                    <button class="save-btn1">保存</button>
                    <button class="undo-btn" >取消</button>
                </div>

                <span class="updatename"></span>
                <sapn class="resumeNameMsg" style="color:red;font-size: 8px"></sapn>
            </div>
            <div class="cupbox">
                <div>
                    更新：<span class="updatatime">2020-01-13</span>
                </div>
                <div>
                    公开：<span>对前程无忧公开</span>
                </div>
                <div>
                    <span class="starlevel"></span>
                </div>
            </div>
            <div class="btnbox">
                <a href=""><button  class="btn-flush">刷新</button></a>
                <a href="" target="_blank"><button class="btn-preview">预览</button></a>
            </div>
        </div>

        <div class="left-nav-body" >
            <div onclick="jumpPage(event)">
                <span class="left-nav-1-1"></span>基本信息<span class="left-nav-1-2"></span>
            </div>
            <div onclick="jumpPage(event)">
                <span class="left-nav-2-1"></span>求职意向<span class="left-nav-2-2"></span>
            </div >
            <div onclick="jumpPage(event)">
                <span class="left-nav-3-1"></span>工作经验<span class="left-nav-3-2"></span>
            </div>
            <div onclick="jumpPage(event)">
                <span class="left-nav-4-1"></span>项目经验<span class="left-nav-4-2"></span>
            </div>
            <div onclick="jumpPage(event)">
                <span class="left-nav-5-1"></span>教育经历<span class="left-nav-5-2"></span>
            </div>
            <div onclick="jumpPage(event)">
                <span class="left-nav-6-1"></span>校内荣誉<span class="left-nav-6-2"></span>
            </div>
            <div onclick="jumpPage(event)">
                <span class="left-nav-7-1"></span>技能特长<span class="left-nav-7-2"></span>
            </div>
            <div onclick="jumpPage(event)">
                <span class="left-nav-8-1"></span>附加信息<span class="left-nav-8-2"></span>
            </div>
        </div>
    </div>


    <div class="main-body">
        <div class="body-info">
            <div class="main-body-info">
                <img class="cust-img" src="${pageContext.request.contextPath}/images/man.png" alt="" style="width: 85px;height: 104px;margin-top: 10px;">
                <p class="custName-info" style="font-size: 25px;margin-left: 100px;margin-top: 10px;">姓名</p>
                <span class="update-info" ></span>
                <p class="at">
                    <span class="loc-info">现居住地</span>│
                    <span class="workyear-info">工作经验</span>│
                    <span class="gender-info">性别 </span>│
                    <span class="birthday-info"> 年龄（出生年月）</span>│
                    <span class="work-status-info">工作状态</span>

                </p>
                <span class="info-email">邮箱：<span class="email-info"></span></span>
                <span class="info-telno"> 手机：<span class="tel-info"></span></span>
                <span class="info-more" onclick="showmore()">展开更多👇</span>
            </div>
            <div class="info-datil">
                <span class="datil-place">户口/国籍：<span></span></span>
                <span class="datil-id">证件号：<span class="custId-info"></span></span>
                <span class="datil-marry">婚姻状态：<span>未婚</span></span>
                <span class="datil-outlook">政治面貌：<span></span></span>
            </div>
        </div>

        <%--=================表单=====================--%>
        <div class="update-body-info">
            <img src="${pageContext.request.contextPath}/images/man.png" alt="" style="width: 85px;height: 104px">
            <div class="update-body-info-datil">

                <lable class="lable-name">姓名</lable><span style="color: #ff6000">*</span>
                <input type="text" class="custName">

                <lable class="lable-gender">性别</lable><span style="color: #ff6000">*</span>
                <input type="radio" class="gender" name="gender" checked="checked" value="M">男
                <input type="radio" class="gender" name="gender" value="F" >女
                <span style="display:inline-block ;margin-right: 120px"></span>

                <lable class="lable-birthday">出生日期</lable><span style="color: #ff6000">*</span>
                <input type="date" class="birthday">

                <lable class="lable-tel" style="margin-left: 90px;">手机</lable><span style="color: #ff6000">*</span>
                <input type="text" class="phone">

                <lable class="lable-year">开始工作年份</lable><span style="color: #ff6000">*</span>
                <input type="date" class="startworkyear">
                <%--<input type="date" class="endworkyear">--%>

                <lable class="lable-status">求职状态</lable><span style="color: #ff6000">*</span>
                <select name="status" id="work-status" style="width: 173px">
                    <option value="0">正在找</option>
                    <option value="1">观望</option>
                    <option value="2">不找工作</option>
            </select>

                <lable class="lable-email">邮箱</lable><span style="color: #ff6000">*</span>
                <input type="text" class="email">

                <lable class="lable-addr">居住地</lable><span style="color: #ff6000">*</span>
                <input type="text" class="loc">

                <lable class="lable-addr">证件号</lable><span style="color: #ff6000">*</span>
                <select class="card-select">
                    <option>身份证</option>
                    <option>护照</option>
                    <option>军人证</option>
                    <option>港澳居民来往内地通行证</option>
                    <option>外国人永久居留身份证</option>
                </select>
                <input type="text" class="custId" style="width: 400px;float: right;margin-right:8px ">

            </div>

            <div class="update-body-info-btn">
                <button  class="save_cust_info">保存</button>
                <button class="cancel_cust_info">取消</button>
            </div>
        </div>

        <div class="main-body-salary" >
            <lable>目前年收入： </lable>
            <%--<span class="salary-year">0</span>万元--%>
            <i class="income-value"></i><i>万元</i>
            <span style="color: grey;font-size: 12px">（包含基本工资、补贴、奖金、股权收益等）</span>
            <span class="update-salary"></span>
        </div >
        <div class="salary-update">
            期望年收入 <input type="text"  class="new-salary">万元<br>
            <button class="save-btn-salary">保存</button>
            <button class="cancel-btn-salary">取消</button>
        </div>

        <%--=============求职意向=============--%>
        <div class="main-body-intention" >
            <span class="update-intention" onclick="showUpdateintention()"></span>
            <lable>求职意向</lable><br>
            <div class="update-intention-div">
            </div>
        </div>
        <%--================求职意向表单=======================--%>
        <div class="intention-datil" >
            期望收入： <select name="salary-type" id="salary-type">
            <option value="年薪">年薪</option>
            <option value="月薪">月薪</option>
            <option value="周薪">周薪</option>
            <option value="时薪">时薪</option>
        </select>
            <input type="text" class="salary-input"><br>

            工作地点：<input type="text" class="address-input"><br>
            期望职位：<input type="text" class="job-input"><br>
            到岗时间：<select name="work-time" id="work-time">
            <option value="随时">随时</option>
            <option value="一周内">一周内</option>
            <option value="一个月">一个月</option>
            <option value="三个月">三个月</option>
            <option value="待定">待定</option>
        </select><br>
            职位类型：<select name="work-time" id="work-type">
            <option value="全职">全职</option>
            <option value="兼职">兼职</option>
            <option value="实习">实习</option>
        </select><br>
            <span class="error-tip">以上为必填</span>
            <button onclick="updateintention()">保存</button> <button onclick="closeupdateintention()">取消</button>
        </div>



        <%--=============工作经验==============--%>
        <%--====编辑模式=====--%>
        <div class="main-body-experience job-experience">
            <span class="add-experience-btn" onclick="show1()">+新增工作</span>
            <lable>工作经验</lable><br>
            <div class="experience-null">完善工作经验，展现工作内容及能力，让HR更了解你！</div>
            <div class="add-experience">
                <input type="hidden" class="work_experience_id">
                时间<span style="color: red">*</span>
                <input type="month" class="starttime">到
                <input type="month" class="endtime"><br>
                公司名称<span style="color: red">*</span><input type="text" class="companyname"><br>
                职位名称<span style="color: red">*</span><input type="text" class="companyjob"><br>
                所在部门<span style="color: red">*</span><input type="text" class="companydept"><br>
                公司规模<span style="color: red">*</span>
                <%--<input type="text" class="companypeople"><br>--%>
                <select class="expr-company-size companypeople">
                    <option>300人以下</option>
                    <option>300-500人</option>
                    <option>500-1000人</option>
                    <option>1000-5000人</option>
                    <option>5000-10000人</option>
                    <option>10000人以上</option>
                </select>
                <br>
                公司性质<span style="color: red">*</span>
                <%--<input type="text" class="companytype"><br>--%>
                <select class="company-type companytype">
                    <option>国企</option>
                    <option>民营</option>
                    <option>外企</option>
                </select>  <br>

                公司描述<span style="color: red">*</span><textarea name="companyDes" class="job-description" id="companyDes" cols="50" rows="2"></textarea><br>
                工作类型<span style="color: red">*</span>
                <input type="radio" name="worktype" checked="checked" class="jobtype">全职
                <input type="radio" name="worktype" class="jobtype">兼职<br>

                <input type="text" class="job-exper-key"  value=""><br>

                <span class="error-tip-experience">以上选项必填</span><br>
                <div class="job-expr-btn-container">
                    <button  class="job-expr-save">保存</button>
                    <button  class="job-expr-unsave">取消</button>
                </div>

            </div>
        </div>

        <!--      工作经验展示       -->
        <div class="main-body-experience job-experience-show">
            <span class="add-experience-btn" onclick="show1()">+新增工作</span>
            <lable>工作经验</lable><br>
            <div class="jse-con">

            </div>
        </div>

        <%--==========项目经验编辑================--%>
        <div class="main-body-project project-experience">
            <span class="add-project-btn" onclick="openaddProject()">+新增项目</span>
            <lable>项目经验</lable><br>
            <div class="project-null">完善项目经验，展现社会工作能力，让HR更了解你！</div>
            <div class="add-project">
                <input type="hidden" class="project_experience_id">
                公司名称<span style="color: red">*</span>
                <input type="text" class="companyname-project"><br>
                时间范围<span style="color: red">*</span>
                <input type="month" class="starttime-project">到
                <input type="month" class="endtime-project"><br>
                项目名称<span style="color: red">*</span>
                <input type="text" class="projectname"><br>
                项目描述<span style="color: red">*</span>
                <textarea name="companyDes" id="project-des" cols="30" rows="5"></textarea><br>
                责任描述<span style="color: red">*</span>
                <textarea name="companyDes" id="duty-des" cols="30" rows="5"></textarea><br>
                <input type="text" class="project-exper-key"  value=""><br>
                <span class="error-tip-project">以上选项必填</span><br>
                <div class="project-expr-btn-container">
                    <button class="project-expr-save">保存</button>
                    <button class="project-expr-unsave">取消</button>
                </div>

            </div>
        </div>
        <%--==========项目经验展示================--%>
        <div class="main-body-project project-experience-show">
            <span class="add-project-btn" onclick="openaddProject()">+新增项目</span>
            <lable>项目经验</lable><br>
            <div class="add-project">

            </div>

        </div>
        <%--==========教育经历编辑================--%>
        <div class="main-body-edu">
            <span class="add-edu-btn" onclick="openaddedu()">+新增教育</span>
            <lable>教育经历</lable><br>
            <div class="edu-null">完善教育经历，展现专业能力，让HR更了解你！</div>
            <div class="add-edu">
                时间<span style="color: red">*</span><input type="month" class="starttime-edu">到<input type="month" class="endtime-edu"><br>
                学校<span style="color: red">*</span><input type="text" class="schoolname"><br>
                学历<span style="color: red">*</span><input type="text" class="education"><br>
                专业<span style="color: red">*</span><input type="text" class="major"><br>
                描述<span style="color: red">*</span><textarea name="major-des" id="major-des" cols="30" rows="3"></textarea><br>
                <span class="error-tip-edu">以上选项必填</span><br>
                <button onclick="addedu()">保存</button> <button onclick="closeaddedu()">取消</button>
            </div>

        </div>
        <%--==========荣誉编辑================--%>
        <div class="main-body-honor honor-write">
            <span class="add-honor-btn" onclick="openaddhonor()">+新增荣誉</span>
            <lable>校内荣誉</lable><br>
            <div class="honor-null">完善校内荣誉，展现学习能力，让HR更了解你！</div>
            <div class="add-honor">
                时间<span style="color: red">*</span><input type="date" class="time-honor"><br>
                奖项<span style="color: red">*</span><input type="text" class="honorname"><br>
                级别<span style="color: red">*</span><input type="text" class="honorlevel"><br>
                <span class="error-tip-honor">以上选项必填</span><br>
                <button onclick="addhonor()">保存</button> <button onclick="closeaddhonor()">取消</button>
            </div>
        </div>
        <%--==========荣誉展示================--%>
        <div class="main-body-honor honor-show">
            <span class="add-honor-btn" onclick="openaddhonor()">+新增荣誉</span>
            <lable>校内荣誉</lable><br>
            <div class="honor-con">

            </div>
        </div>




        <%--==========专业技能编辑================--%>
        <div class="main-body-skills">
            <span class="add-skills-btn" onclick="openaddskills()">+新增技能</span>
            <lable>技能特长</lable><br>
            <div class="skills-null">完善技能，展现特长，让HR更了解你！</div>
            <div class="add-skills">
                技能<span style="color: red">*</span><input type="text" class="skillsname"><br>
                程度<span style="color: red">*</span><input type="text" class="skillslevel"><br>
                <span class="error-tip-skills">以上选项必填</span><br>
                <button onclick="addskills()">保存</button> <button onclick="closeaddskills()">取消</button>
            </div>

        </div>

        <div class="main-body-other">
            <span class="add-other-btn" >+新增附加信息</span>
            <lable>附加信息</lable><br>
            <div class="other-null">完善其他信息，丰富简历，让HR更了解你！</div>
        </div>
    </div>
</div>

<!--==========================================footer==========================================-->
<div class="footer"></div>
<script src="${pageContext.request.contextPath}/js/resume_add.js"></script>
<script src="${pageContext.request.contextPath}/js/resume/addResumeName.js"></script>
<script src="${pageContext.request.contextPath}/js/resume/addCustInfo.js"></script>
<script src="${pageContext.request.contextPath}/js/resume/addYearSalary.js"></script>
<script src="${pageContext.request.contextPath}/js/resume/addWorkExperience.js"></script>
<script src="${pageContext.request.contextPath}/js/resume/dateFormat.js"></script>
<script src="${pageContext.request.contextPath}/js/resume/addProjectExperience.js"></script>
<%--<script src="${pageContext.request.contextPath}/js/resume/addHonor.js"></script>--%>

</body>
</html>